<!doctype html>
<html lang="en" class="dark font-sans antialiased">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="/component.css" rel="stylesheet" />
    <script src="/component.js" defer></script>
  </head>
  <body class="mx-auto max-w-3xl p-6">
    <span class="flex items-center">
      <span class="h-px flex-1 bg-linear-to-r from-transparent to-gray-300"></span>

      <span class="shrink-0 px-4 text-gray-900">Title goes here</span>

      <span class="h-px flex-1 bg-linear-to-l from-transparent to-gray-300"></span>
    </span>
  </body>
</html>
